:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--touch-target-min: 44px;--touch-target-comfortable: 48px;--mobile-padding: 16px;--mobile-gap: 12px;--mobile-font-sm: 14px;--mobile-font-base: 16px;--mobile-font-lg: 18px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media(max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}body{font-size:var(--mobile-font-base);line-height:1.5}.app{padding-bottom:calc(60px + var(--safe-area-bottom))}}@media(pointer:coarse){button,[role=button],input[type=submit],input[type=button],input[type=reset],a,select,.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],textarea,select{min-height:var(--touch-target-min);font-size:16px;padding:12px 16px}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}p a,li a{padding:4px 0}}@media(max-width:768px){.form-group{margin-bottom:16px}.form-group label{font-size:var(--mobile-font-sm);margin-bottom:8px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;font-size:16px;border-radius:12px;border:2px solid #e0e0e0;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-green, #47aa35);outline:none}.form-row{flex-direction:column;gap:16px}.form-actions{position:sticky;bottom:0;background:#fff;padding:16px;margin:0 -16px -16px;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000000d}.form-actions .btn{width:100%;padding:16px;font-size:var(--mobile-font-base)}}@media(max-width:768px){.btn{padding:14px 20px;font-size:var(--mobile-font-base);border-radius:12px;min-height:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center;gap:8px}.btn-sm{padding:10px 16px;font-size:var(--mobile-font-sm);min-height:var(--touch-target-min)}.btn-lg{padding:18px 24px;font-size:var(--mobile-font-lg)}.btn-icon{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);padding:0;border-radius:50%}.btn-group{flex-direction:column;gap:12px}.btn-group .btn{width:100%}}@media(max-width:768px){.card{border-radius:16px;padding:16px;margin-bottom:16px}.card-header{padding-bottom:12px;margin-bottom:12px}.card-title{font-size:var(--mobile-font-lg)}.card-body{font-size:var(--mobile-font-base)}.card-footer{padding-top:12px;margin-top:12px}}@media(max-width:768px){.dashboard-header{padding:16px;padding-top:calc(16px + var(--safe-area-top))}.dashboard-header h1{font-size:24px}.dashboard-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:12px}.orchard-list{gap:12px}.orchard-card{padding:16px}.orchard-card-header{flex-direction:column;align-items:flex-start;gap:8px}.orchard-card-actions{width:100%;display:flex;gap:8px}.orchard-card-actions .btn{flex:1}}@media(max-width:768px){.canvas-wrapper{min-height:calc(100vh - 200px);border-radius:0}.drawing-tools{position:fixed;left:0;right:0;bottom:calc(60px + var(--safe-area-bottom));top:auto;max-width:100%;max-height:none;border-radius:16px 16px 0 0;padding:12px 16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:0 -4px 20px #00000026}.drawing-tools .tools-header{display:none}.drawing-tools .tool-group{display:flex;flex-direction:row;gap:8px;margin-bottom:0}.drawing-tools .tool-group-label{display:none}.drawing-tools .tool-btn{width:auto;min-width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);padding:8px 12px;margin-bottom:0;flex-direction:column;gap:2px}.drawing-tools .tool-icon{font-size:20px}.drawing-tools .tool-label{font-size:10px;text-align:center}.canvas-controls{top:calc(16px + var(--safe-area-top));right:16px;padding:8px;gap:8px}.canvas-controls .control-btn{width:var(--touch-target-min);height:var(--touch-target-min);font-size:18px}.canvas-controls .zoom-level{display:none}}@media(max-width:768px){.tree-details-panel{position:fixed;inset:auto 0 0;width:100%;max-width:100%;height:85vh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s ease-out}.tree-details-panel.open{transform:translateY(0)}.tree-details-overlay{background:#0006}.tree-details-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:5px;background:#ddd;border-radius:3px;z-index:1}.panel-header{padding-top:24px}.panel-content{padding-bottom:calc(80px + var(--safe-area-bottom))}.panel-footer{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom));background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a}.form-sections{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px;gap:0}.section-tab{flex-shrink:0;padding:12px 16px}.section-label{display:none}.section-icon{font-size:24px}}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;margin:0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:20px 16px 16px;position:relative}.modal-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:5px;background:#ddd;border-radius:3px}.modal-body{padding:16px;max-height:calc(90vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom));border-top:1px solid #e0e0e0}.modal-footer .btn{flex:1}}@media(max-width:768px){.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:flex;flex-direction:column;gap:12px}.responsive-table tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.responsive-table td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);font-weight:600;color:#666}}@media(max-width:768px){.list-item{padding:16px;min-height:var(--touch-target-comfortable);display:flex;align-items:center;gap:12px}.list-item-icon{font-size:24px;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:var(--mobile-font-base);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-subtitle{font-size:var(--mobile-font-sm);color:#666}.list-item-action{flex-shrink:0}}@media(max-width:768px){.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab-list{display:flex;gap:0;min-width:max-content}.tab{flex-shrink:0;padding:14px 20px;font-size:var(--mobile-font-sm);white-space:nowrap;min-height:var(--touch-target-comfortable)}}@media(max-width:768px){.toast-container{bottom:calc(80px + var(--safe-area-bottom));left:16px;right:16px;max-width:none}.toast{width:100%;padding:16px;border-radius:12px}}@media(orientation:landscape)and (max-height:500px){.app{padding-bottom:calc(50px + var(--safe-area-bottom))}.mobile-nav{padding:4px 0}.drawing-tools{bottom:calc(50px + var(--safe-area-bottom));padding:8px 16px}.tree-details-panel{height:75vh}.modal-content{max-height:85vh}}@media(display-mode:standalone){.app{padding-top:var(--safe-area-top)}.browser-only{display:none}.pwa-only{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.btn,.card,input,select,textarea{border-width:2px}}@media print{.mobile-nav,.drawing-tools,.canvas-controls,.btn-icon,.pwa-install-prompt{display:none!important}.app{padding:0}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#548d9f,#405f6f)}.error-boundary-content{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0003}.error-icon{font-size:4rem;margin-bottom:1rem}.error-boundary-content h1{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.error-boundary-content p{color:#4a5568;font-size:1rem;margin:0 0 1.5rem}.error-details{text-align:left;background:#f7fafc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;max-height:200px;overflow:auto}.error-details summary{cursor:pointer;font-weight:600;color:#4a5568;margin-bottom:.5rem}.error-details pre{font-size:.75rem;color:#742a2a;white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions .btn{min-width:140px}@media(max-width:480px){.error-boundary-content{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.bottom-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;z-index:999;display:flex;flex-direction:column;transition:height .3s ease-out;max-height:95vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet.dragging{transition:none}.bottom-sheet.open{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.bottom-sheet-handle:active{cursor:grabbing}.handle-bar{width:40px;height:5px;background:#ddd;border-radius:3px;transition:background .2s}.bottom-sheet-handle:hover .handle-bar,.bottom-sheet-handle:active .handle-bar{background:#bbb}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 16px;border-bottom:1px solid #eee}.bottom-sheet-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.bottom-sheet-header .close-btn{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:20px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.bottom-sheet-header .close-btn:hover{background:#e0e0e0}.bottom-sheet-header .close-btn:active{transform:scale(.95)}.bottom-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bottom-sheet-content::-webkit-scrollbar{width:4px}.bottom-sheet-content::-webkit-scrollbar-track{background:transparent}.bottom-sheet-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.bottom-sheet:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:transparent;border-radius:2px;transition:background .2s}.bottom-sheet.dragging:before{background:#667eea4d}@media(prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet-overlay{animation:none;transition:none}}@media(orientation:landscape)and (max-height:500px){.bottom-sheet{max-height:85vh}.bottom-sheet-handle{padding:8px 0 4px}.handle-bar{width:32px;height:4px}}@media(min-width:768px){.bottom-sheet{max-width:600px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}.bottom-sheet.open{animation:slideUpTablet .3s ease-out}@keyframes slideUpTablet{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid var(--gray-100);padding:var(--space-sm) 0;padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom));z-index:100}@media(max-width:768px){.mobile-nav{display:flex;justify-content:space-around;align-items:center}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm) var(--space-md);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);min-width:64px;min-height:48px;-webkit-tap-highlight-color:transparent}.nav-item:active{transform:scale(.96);background:var(--color-green-5)}.nav-item.active{color:var(--color-green)}.nav-icon{font-size:22px;line-height:1;color:var(--gray-400);transition:color var(--transition-fast)}.nav-item.active .nav-icon{color:var(--color-green)}.nav-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--gray-400);transition:color var(--transition-fast);letter-spacing:.2px}.nav-item.active .nav-label{color:var(--color-green);font-weight:var(--font-weight-semibold)}@media(orientation:landscape)and (max-height:500px){.mobile-nav{padding:4px 0;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.nav-item{flex-direction:row;gap:8px;padding:6px 12px;min-height:40px}.nav-icon{font-size:20px}.nav-label{font-size:12px}}@media(display-mode:standalone){.mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}.nav-item:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}@media(prefers-reduced-motion:reduce){.nav-item,.nav-icon{transition:none}.nav-item:active{transform:none}}.image-upload{padding:16px;background:#f8f9fa;border-radius:8px}.upload-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upload-controls .btn{flex-shrink:0}.upload-info{font-size:14px;color:#666}.upload-error{display:flex;align-items:center;gap:12px;padding:12px;background:#fee;color:#c33;border-radius:6px;margin-bottom:16px;font-size:14px}.upload-error .error-icon{font-size:18px}.upload-error button{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:#c33;opacity:.7}.upload-error button:hover{opacity:1}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff;border:2px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-item img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#e74c3ce6;color:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#e74c3c}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:12px;font-weight:500}.image-number{display:inline-block;background:#fff3;padding:2px 8px;border-radius:10px}.empty-state{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;border:2px dashed #ddd;margin-bottom:16px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{margin:8px 0;color:#666}.empty-hint{font-size:13px;color:#999}.upload-guidelines{padding:16px;background:#fff;border-radius:6px;border-left:4px solid #667eea}.upload-guidelines h5{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.upload-guidelines ul{margin:0;padding-left:20px}.upload-guidelines li{margin-bottom:6px;color:#666;font-size:13px}@media(max-width:768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.upload-controls{flex-direction:column;align-items:stretch}.upload-controls .btn{width:100%}}.collapsible-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:1rem;overflow:hidden}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:#f9fafb;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.collapsible-header:hover{background:#f3f4f6}.collapsible-title{display:flex;align-items:center;gap:.75rem}.collapsible-title h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.collapsible-icon{display:flex;align-items:center;justify-content:center;color:#059669}.collapsible-actions{display:flex;align-items:center;gap:.75rem}.collapsible-chevron{display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.collapsible-card.expanded .collapsible-chevron,.collapsible-card.collapsed .collapsible-chevron{transform:rotate(0)}.collapsible-content{overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out}.collapsible-content.show{max-height:2000px;opacity:1}.collapsible-content.hide{max-height:0;opacity:0}.collapsible-body{padding:1.25rem;border-top:1px solid #e5e7eb}.collapsible-body p{margin:.5rem 0;color:#374151}.collapsible-body p:first-child{margin-top:0}.collapsible-body p:last-child{margin-bottom:0}.collapsible-body strong{color:#1f2937}.collapsible-body .empty-text{color:#9ca3af;font-style:italic}@media(max-width:640px){.collapsible-header{padding:.875rem 1rem}.collapsible-title h3{font-size:.9375rem}.collapsible-body{padding:1rem}.collapsible-card.mobile-collapsed .collapsible-content{max-height:0;opacity:0}}.tree-form-collapsible{display:flex;flex-direction:column;gap:1rem}.tree-form-collapsible .collapsible-card{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.tree-form-collapsible .collapsible-body{padding:1rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group .required{color:#e74c3c}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:var(--space-md);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);color:var(--gray-900);background:var(--color-white);transition:all var(--transition-fast);min-height:50px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.position-info{display:flex;gap:16px;padding:10px 12px;background:#f8f9fa;border-radius:6px;font-family:Courier New,monospace;font-size:14px}.position-info span{color:#666}.help-text{font-size:13px;color:#666;margin:8px 0;line-height:1.5}.document-upload{padding:16px;background:#f8f9fa;border-radius:6px}.document-list{list-style:none;padding:0;margin:12px 0 0}.document-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:4px;margin-bottom:8px}.btn-icon{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px}.btn-icon:hover{color:#e74c3c}.production-summary{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px}.production-summary h4{margin:0 0 12px;font-size:16px;color:#333}.summary-stats{display:flex;gap:16px}.stat{flex:1;padding:12px;background:#fff;border-radius:6px;text-align:center}.stat-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value{display:block;font-size:24px;font-weight:600}.stat-value.positive{color:#27ae60}.stat-value.negative{color:#e74c3c}.maintenance-schedule{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px}.maintenance-schedule h4{margin:0 0 8px;font-size:16px;color:#333}.schedule-list{list-style:none;padding:0;margin:12px 0 0}.schedule-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:4px;margin-bottom:8px}.schedule-date{font-size:13px;color:#667eea;font-weight:500}.photo-tips{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px}.photo-tips h4{margin:0 0 12px;font-size:16px;color:#333}.photo-tips ul{margin:0;padding-left:20px}.photo-tips li{margin-bottom:8px;color:#666;font-size:14px}.form-actions-sticky{position:sticky;bottom:0;background:#fff;padding:1rem;border-top:1px solid #e2e8f0;margin-top:1rem;border-radius:0 0 .5rem .5rem}.form-actions-sticky .btn{width:100%;padding:.75rem;font-size:1rem}.auto-save-info{text-align:center;margin:.5rem 0 0;color:#718096;font-size:.8125rem}@media(max-width:768px){.form-sections{padding:0 12px}.section-tab{padding:10px 12px;font-size:13px}.section-label{display:none}.form-content{padding:16px}.form-row{grid-template-columns:1fr}}.mobile-tree-details{display:flex;flex-direction:column}.mobile-tree-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 16px;border-bottom:1px solid #eee}.tree-info{display:flex;flex-direction:column;gap:4px}.tree-label{font-size:14px;font-weight:600;color:var(--brand-green, #47aa35);background:#47aa351a;padding:4px 10px;border-radius:12px;display:inline-block;width:fit-content}.tree-species{font-size:18px;font-weight:600;color:#333}.mobile-tree-header .close-btn{width:36px;height:36px;border:none;background:#f0f0f0;border-radius:50%;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.mobile-tree-header .close-btn:active{transform:scale(.95);background:#e0e0e0}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fee;color:#c33;font-size:14px}.error-banner button{background:none;border:none;font-size:20px;color:#c33;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-tree-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:100px}.mobile-tree-details .tree-form{padding:0}.mobile-tree-details .form-sections{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-tree-details .section-tab{flex-shrink:0;padding:12px 16px}.mobile-tree-details .section-label{display:none}.mobile-tree-details .section-icon{font-size:24px}.mobile-tree-details .form-content{padding:16px}.mobile-tree-details .form-group input,.mobile-tree-details .form-group select,.mobile-tree-details .form-group textarea{font-size:16px;padding:14px 16px;border-radius:12px}.mobile-tree-details .form-row{flex-direction:column;gap:16px}.mobile-tree-details .form-actions{display:none}.mobile-tree-actions{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;box-shadow:0 -4px 20px #0000001a;z-index:10}.mobile-tree-actions .btn{flex:1;padding:16px;font-size:16px;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.mobile-tree-actions .btn-danger{flex:0 0 auto;padding:16px 20px}@media(orientation:landscape)and (max-height:500px){.mobile-tree-header{padding:0 16px 12px}.mobile-tree-actions{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.mobile-tree-actions .btn{padding:12px;min-height:44px}}.dashboard-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);background:var(--gray-50);min-height:100vh;overflow-x:hidden;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-header h1{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--gray-900);letter-spacing:-.3px}.search-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center;width:100%;box-sizing:border-box}.search-input{flex:1;min-width:0;padding:var(--space-md);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);transition:all var(--transition-fast);background:var(--color-white);color:var(--gray-900);min-height:48px;box-sizing:border-box}.search-input::placeholder{color:var(--gray-400)}.search-input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-10)}.control-buttons{display:flex;gap:var(--space-xs)}.btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn-icon:hover{border-color:var(--gray-300);color:var(--gray-700)}.btn-icon.active{background:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.filters-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.filter-input,.filter-select{flex:1;min-width:0;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);background:var(--gray-50);color:var(--gray-900);min-height:44px;box-sizing:border-box}.filter-input::placeholder{color:var(--gray-400)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-green);background:var(--color-white)}.orchards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.orchards-list{display:flex;flex-direction:column;gap:var(--space-sm)}.orchards-list .orchard-card{display:flex;flex-direction:row;align-items:center;padding:var(--space-md)}.orchards-list .orchard-card-header{flex:1;padding:0;border-bottom:none;display:flex;align-items:center;gap:var(--space-md)}.orchards-list .orchard-card-header h3{margin:0;font-size:17px}.orchards-list .orchard-card-body{display:none}.orchards-list .orchard-card-footer{padding:0;background:transparent;border-top:none;flex-shrink:0}.orchards-list .orchard-card-footer .btn{padding:var(--space-sm) var(--space-md);min-height:40px;font-size:14px}.orchard-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.orchard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.orchard-card-header{padding:var(--space-lg);border-bottom:1px solid var(--gray-100)}.orchard-card-header h3{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-sm) 0;letter-spacing:-.2px}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.status-active{background:var(--color-green-10);color:var(--color-green)}.status-inactive{background:var(--status-error-bg);color:var(--status-error)}.status-archived{background:#e2e8f0;color:#4a5568}.orchard-card-body{margin-bottom:1.5rem}.orchard-card-body p{margin:.5rem 0;font-size:.875rem;color:#4a5568}.orchard-card-body strong{color:#2d3748}.orchard-card-footer{padding:var(--space-md) var(--space-lg);background:var(--gray-50);display:flex;gap:var(--space-sm);flex-wrap:wrap;border-top:1px solid var(--gray-100)}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border:2px dashed #e2e8f0;border-radius:.75rem}.empty-state p{font-size:1.125rem;color:#718096;margin-bottom:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-info{font-size:.875rem;color:#4a5568}.loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:#718096}.error-message{background:#fed7d7;color:#742a2a;padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.btn-retry{background:#742a2a;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500}.btn-retry:hover{background:#9b2c2c}@media(max-width:768px){.dashboard-container{padding:var(--space-md);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md)}.dashboard-header h1{font-size:22px;text-align:center}.dashboard-header .btn{width:100%}.search-controls{gap:var(--space-xs)}.search-input{font-size:16px}.btn-icon{width:44px;height:44px}.orchards-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);width:100%}.filter-input,.filter-select{width:100%;max-width:100%;box-sizing:border-box}.search-input{max-width:calc(100% - 110px)}.orchards-list .orchard-card{flex-direction:column;align-items:stretch}.orchards-list .orchard-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.orchards-list .orchard-card-footer{display:flex;gap:var(--space-sm)}.orchards-list .orchard-card-footer .btn{flex:1}.orchard-card-footer{flex-direction:row;gap:var(--space-sm)}.orchard-card-footer .btn{flex:1;padding:var(--space-sm);font-size:14px}.pagination{flex-direction:column;gap:var(--space-sm)}.pagination .btn{width:100%}}.nazari-naksha-upload{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.naksha-header{margin-bottom:1rem}.naksha-header h3{margin:0 0 .5rem;font-size:1.25rem;color:#1f2937;display:flex;align-items:center;gap:.5rem}.naksha-header h3 svg{color:#059669}.naksha-description{color:#6b7280;font-size:.875rem;margin:0}.naksha-error{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.naksha-error .error-content{display:flex;align-items:center;gap:.5rem}.naksha-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.naksha-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#6b7280}.naksha-loading svg{color:#059669}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.naksha-preview{display:flex;flex-direction:column;gap:1rem}.naksha-image-container{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e5e7eb}.naksha-image{width:100%;max-height:400px;object-fit:contain;background:#f9fafb;display:block}.naksha-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:1rem;text-align:center;opacity:0;transition:opacity .2s}.naksha-image-container:hover .naksha-overlay{opacity:1}.naksha-actions{display:flex;gap:.75rem;flex-wrap:wrap}.naksha-actions .btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.naksha-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db;text-align:center}.naksha-empty-icon{margin-bottom:1rem;color:#9ca3af}.naksha-empty-icon svg{width:48px;height:48px}.naksha-empty p{color:#6b7280;margin:0 0 1rem}.naksha-upload-buttons{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.btn-large{padding:1rem 1.5rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.naksha-hint{font-size:.875rem;color:#9ca3af}.naksha-uploading{position:fixed;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.naksha-uploading svg{margin-bottom:1rem}.naksha-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.naksha-modal-content{position:relative;max-width:100%;max-height:100%}.naksha-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.naksha-modal-close svg{width:24px;height:24px}.naksha-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.naksha-guidelines{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.naksha-guidelines h5{margin:0 0 .5rem;font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem}.naksha-guidelines h5 svg{color:#6b7280}.naksha-guidelines ul{margin:0;padding-left:1.25rem;color:#6b7280;font-size:.875rem}.naksha-guidelines li{margin-bottom:.25rem}@media(max-width:640px){.nazari-naksha-upload{padding:1rem}.naksha-actions{flex-direction:column}.naksha-actions .btn{width:100%}.naksha-upload-buttons{flex-direction:column;width:100%}.naksha-upload-buttons .btn{width:100%}}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;display:inline-flex;align-items:center;gap:.375rem}.btn-sm svg{width:14px;height:14px}.orchard-detail-container{max-width:1400px;margin:0 auto;padding:2rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:#718096;text-decoration:none;font-size:.9375rem;font-weight:400;padding:.5rem 0;transition:color .2s}.back-link:hover{color:#2d3748}.orchard-header{margin-bottom:2rem}.orchard-title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.orchard-title h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.orchard-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.orchard-actions .btn{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#718096;text-transform:uppercase;letter-spacing:.05em}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:2rem}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#718096;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px;display:flex;align-items:center;gap:.5rem}.tab:hover{color:#4299e1}.tab.active{color:#4299e1;border-bottom-color:#4299e1}.map-section{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;min-height:600px}.details-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.detail-group h3,.detail-group h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.detail-group h4 svg{color:#059669}.detail-group p{margin:.75rem 0;font-size:.875rem;color:#4a5568}.detail-group strong{color:#2d3748;font-weight:600}.empty-text{color:#a0aec0;font-style:italic}.details-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.edit-fields{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-group label{font-size:.75rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.025em}.field-group input,.field-group select,.field-group textarea{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#2d3748;background:#fff;transition:border-color .2s,box-shadow .2s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.field-group input:disabled{background:#f7fafc;cursor:not-allowed}.trees-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.trees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.trees-header h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0}.card-action{margin-bottom:1.5rem}.trees-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.trees-table{overflow-x:auto}.trees-table table{width:100%;border-collapse:collapse}.trees-table th{text-align:left;padding:.75rem 1rem;background:#f7fafc;color:#4a5568;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.trees-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#2d3748}.trees-table tr:hover{background:#f7fafc}.health-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.health-healthy{background:#c6f6d5;color:#22543d}.health-diseased{background:#feebc8;color:#7c2d12}.health-dead{background:#fed7d7;color:#742a2a}.health-under_treatment{background:#bee3f8;color:#2c5282}.btn-link{color:#4299e1;text-decoration:none;font-size:.875rem;font-weight:500;margin-right:1rem}.btn-link:hover{color:#3182ce;text-decoration:underline}.editing-row{background:#f0f9ff!important}.inline-input,.inline-select{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-green);border-radius:var(--radius-sm);font-size:16px;background:var(--color-white);min-height:44px}.inline-input:focus,.inline-select:focus{outline:none;box-shadow:0 0 0 3px var(--color-green-10)}.inline-input-small{width:80px;min-width:80px}.actions-cell{white-space:nowrap;display:flex;gap:var(--space-xs);align-items:center}.btn-inline{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:all var(--transition-fast);background:transparent;-webkit-tap-highlight-color:transparent}.btn-inline:hover{transform:scale(1.05)}.btn-inline:active{transform:scale(.95)}.btn-inline:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-save{background:#48bb78;color:#fff}.btn-save:hover{background:#38a169}.btn-cancel{background:#e53e3e;color:#fff}.btn-cancel:hover{background:#c53030}.btn-edit{background:var(--gray-100)}.btn-edit:hover{background:var(--gray-200)}.btn-edit svg{stroke:var(--gray-600)}.btn-edit:hover svg{stroke:var(--gray-900)}.btn-delete{background:#fee2e2}.btn-delete:hover{background:#fecaca}.btn-delete svg{stroke:#dc2626}.btn-view{background:var(--gray-100)}.btn-view:hover{background:var(--gray-200)}.btn-view svg{stroke:var(--gray-600)}.btn-view:hover svg{stroke:var(--gray-900)}.btn-tag{background:var(--color-green-10)}.btn-tag:hover{background:var(--color-green-20)}.btn-tag svg{stroke:var(--color-green)}.trees-header-actions{display:flex;align-items:center;gap:var(--space-md)}.view-toggle{display:flex;gap:var(--space-xs)}.view-toggle .btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.view-toggle .btn-icon:hover{border-color:var(--gray-300);color:var(--gray-700)}.view-toggle .btn-icon.active{background:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.trees-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tree-list-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all var(--transition-fast)}.tree-list-item:hover{background:var(--color-white);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.tree-list-main{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.tree-list-info{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tree-number{font-weight:var(--font-weight-semibold);color:var(--color-green);font-size:15px}.tree-species{font-weight:var(--font-weight-medium);color:var(--gray-900);font-size:15px}.tree-variety{color:var(--gray-500);font-size:14px}.tree-list-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}@media(max-width:768px){.orchard-detail-container{padding:var(--space-md);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.orchard-title{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.orchard-title h1{font-size:22px}.orchard-actions{width:100%}.orchard-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.5rem}.stat-label{font-size:11px}.details-grid{grid-template-columns:1fr}.trees-section{padding:var(--space-md)}.trees-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.trees-header .btn{width:100%}.trees-table{margin:0 calc(-1 * var(--space-md));width:calc(100% + 2 * var(--space-md))}.trees-table table{display:block}.trees-table thead{display:none}.trees-table tbody{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md)}.trees-table tr{display:flex;flex-direction:column;background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-md);border:none}.trees-table tr:hover{background:var(--gray-100)}.trees-table td{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--gray-200);font-size:15px;min-height:48px}.trees-table td:last-child{border-bottom:none;padding-top:var(--space-md)}.trees-table td:before{content:attr(data-label);font-weight:var(--font-weight-medium);color:var(--gray-500);font-size:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:80px}.trees-table .actions-cell{justify-content:flex-end;width:100%}.trees-table .actions-cell:before{display:none}.trees-table .inline-input,.trees-table .inline-select{font-size:16px;min-height:48px;flex:1;max-width:calc(100% - 90px);padding:var(--space-sm) var(--space-md);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);background:var(--color-white);box-sizing:border-box}.trees-table .inline-input:focus,.trees-table .inline-select:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-10)}.trees-table .inline-input-small{max-width:calc(100% - 90px)}.trees-table tr.editing-row{background:var(--color-white);border:1.5px solid var(--color-green-20);box-shadow:var(--shadow-md)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md)}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:var(--space-md);min-height:48px}}.harvest-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.harvest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.harvest-stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:1px solid #e2e8f0}.harvest-stat-card .stat-icon{font-size:2rem}.harvest-stat-card .stat-info{display:flex;flex-direction:column}.harvest-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#1a202c}.harvest-stat-card .stat-label{font-size:.875rem;color:#718096}.harvest-grades{margin-bottom:2rem;padding:1.5rem;background:#f7fafc;border-radius:12px}.harvest-grades h3{margin:0 0 1.5rem;font-size:1.125rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.grade-bars{display:flex;flex-direction:column;gap:1rem}.grade-bar-item{display:flex;flex-direction:column;gap:.5rem}.grade-bar-header{display:flex;align-items:center;gap:.75rem}.grade-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.grade-name{font-weight:500;color:#4a5568;flex:1}.grade-count{font-size:.875rem;color:#718096}.grade-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.grade-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.top-trees{padding:1.5rem;background:#f7fafc;border-radius:12px}.top-trees h3{margin:0 0 1rem;font-size:1.125rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.top-trees-list{display:flex;flex-direction:column;gap:.75rem}.top-tree-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.top-tree-item .rank{font-size:1.25rem;font-weight:700;color:#48bb78;min-width:40px}.top-tree-item .tree-info{flex:1;display:flex;flex-direction:column;gap:2px}.top-tree-item .tree-link{font-weight:600;color:#2d3748;text-decoration:none}.top-tree-item .tree-link:hover{color:#48bb78}.top-tree-item .tree-species{font-size:.875rem;color:#718096}.top-tree-item .tree-yield{font-weight:600;color:#48bb78}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#2d3748}.empty-state p{margin:0;color:#718096}@media(max-width:768px){.harvest-stats{grid-template-columns:1fr}}.create-orchard-container{max-width:900px;margin:0 auto;padding:2rem}.form-header{margin-bottom:2rem}.form-header .back-link{display:inline-flex;align-items:center;gap:.25rem;color:#718096;text-decoration:none;font-size:.9375rem;font-weight:400;padding:.5rem 0;transition:color .2s}.form-header .back-link:hover{color:#2d3748}.form-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-top:.5rem}.orchard-form{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.section-description{font-size:.875rem;color:#718096;margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);color:var(--gray-900);background:var(--color-white);transition:all var(--transition-fast);min-height:50px;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-10)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.form-actions-sticky{position:sticky;bottom:0;background:#fff;margin:0 -2rem;padding:1rem 2rem;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000000d;z-index:10}.optional-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1rem;margin-top:1rem;background:#f7fafc;border:1px dashed #cbd5e0;border-radius:.5rem;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.optional-toggle:hover{background:#edf2f7;border-color:#a0aec0}.optional-fields{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media(max-width:768px){.create-orchard-container{padding:1rem}.orchard-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.form-actions-sticky{margin:0 -1.5rem;padding:1rem 1.5rem}}.create-tree-page{min-height:100vh;background:#f8fafc}.create-tree-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.create-tree-header .back-link{display:inline-flex;align-items:center;color:#718096;text-decoration:none;font-size:.9375rem;margin-bottom:.5rem;transition:color .2s}.create-tree-header .back-link:hover{color:#2d3748}.create-tree-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.create-tree-content{max-width:600px;margin:0 auto;padding:1.5rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center;padding:32px}.loading-container .loading{color:var(--color-green);font-size:18px}.error-container{background:#fff;border-radius:16px;max-width:400px;margin:32px auto;box-shadow:0 4px 20px #00000014}.error-container h2{color:#dc2626;margin:0}@media(max-width:768px){.create-tree-header{padding:1rem}.create-tree-header h1{font-size:1.25rem}.create-tree-content{padding:1rem}.error-banner{margin:1rem}}.edit-tree-page{min-height:100vh;background:#f8fafc}.edit-tree-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.edit-tree-header .back-link{display:inline-flex;align-items:center;color:#718096;text-decoration:none;font-size:.9375rem;background:none;border:none;padding:0;cursor:pointer;margin-bottom:.5rem;transition:color .2s}.edit-tree-header .back-link:hover{color:#2d3748}.header-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.edit-tree-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.header-context{margin:.25rem 0 0;font-size:.875rem;color:#718096}.header-actions{display:flex;gap:.75rem}.btn-danger-outline{background:transparent;color:#dc2626;border:1px solid #dc2626;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:#fef2f2}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.edit-tree-content{max-width:600px;margin:0 auto;padding:1.5rem}.success-banner{display:flex;align-items:center;padding:.875rem 1rem;background:#f0fff4;color:#22543d;border-radius:.5rem;margin:1rem 2rem;border:1px solid #9ae6b4;font-size:.875rem}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#fef2f2;color:#dc2626;border-radius:.5rem;margin:1rem 2rem;border:1px solid #fecaca;font-size:.875rem}.error-banner button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626;padding:0;line-height:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--color-green);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#64748b;font-size:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center;padding:32px;background:#fff;border-radius:16px;max-width:400px;margin:32px auto;box-shadow:0 4px 20px #00000014}.error-container .error-icon{font-size:64px;opacity:.5}.error-container h2{color:#1e293b;margin:0}.error-container p{color:#64748b;margin:0 0 20px}@media(max-width:768px){.edit-tree-header{padding:1rem}.edit-tree-header h1{font-size:1.25rem}.header-title-row{flex-direction:column}.header-actions{width:100%}.edit-tree-content{padding:1rem}.success-banner,.error-banner{margin:1rem}}@media(max-width:480px){.edit-tree-header h1{font-size:1.125rem}.header-actions{flex-direction:column}.header-actions .btn,.header-actions .btn-danger-outline{width:100%;justify-content:center}}.qr-label{width:10cm;height:7cm;padding:.5cm;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;page-break-inside:avoid}.qr-label.with-border{border:1px solid #e2e8f0;border-radius:8px}.label-top{display:flex;gap:1cm;flex:1}.qr-code-container{flex-shrink:0}.qr-code-container svg{display:block}.tree-info{flex:1;display:flex;flex-direction:column;justify-content:center}.tree-number{font-size:18px;font-weight:700;color:#1a202c;margin-bottom:8px;letter-spacing:.5px}.tree-details{font-size:14px;color:#4a5568;margin-bottom:6px}.tree-details .no-data{color:#a0aec0;font-style:italic}.owner-info{font-size:13px;color:#718096}.grade-band{padding:10px 16px;margin:.4cm 0;border-radius:6px;text-align:center}.grade-text{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.label-bottom{padding-top:.3cm}.label-row{display:flex;justify-content:space-between;margin-bottom:6px}.label-field{font-size:12px;color:#4a5568}.label-field strong{color:#2d3748}.orchard-name{font-size:13px;color:#718096;text-align:center;padding-top:4px;border-top:1px solid #e2e8f0}.grade-selector{display:flex;gap:12px;margin-bottom:20px}.grade-btn{flex:1;padding:16px 24px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.grade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.grade-btn.active{border-width:3px}.grade-btn.grade-A{border-color:#48bb78}.grade-btn.grade-A.active{background:#f0fff4}.grade-btn.grade-B{border-color:#ecc94b}.grade-btn.grade-B.active{background:ivory}.grade-btn.grade-C{border-color:#ed8936}.grade-btn.grade-C.active{background:#fffaf0}.grade-letter{font-size:32px;font-weight:700;display:block;margin-bottom:4px}.grade-btn.grade-A .grade-letter{color:#48bb78}.grade-btn.grade-B .grade-letter{color:#ecc94b}.grade-btn.grade-C .grade-letter{color:#ed8936}.grade-label{font-size:14px;color:#718096}.label-print-view{padding:20px}.print-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.print-header h2{margin:0;font-size:20px;color:#1a202c}.print-actions{display:flex;gap:12px}.labels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}.labels-grid .qr-label{box-shadow:0 2px 8px #00000014}.no-labels{text-align:center;padding:60px 20px;color:#718096}.no-labels-icon{font-size:48px;margin-bottom:16px}@media print{.print-header,.print-actions,.grade-selector,.no-print{display:none!important}body{margin:0;padding:0;background:#fff}.labels-grid{display:grid;grid-template-columns:repeat(2,10cm);gap:.5cm;padding:0}.qr-label{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.qr-label:nth-child(6n){page-break-after:always}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.harvest-labels-page{min-height:100vh;background:#f7fafc}.harvest-labels-header{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:24px 32px}.harvest-labels-header .back-link{color:#ffffffe6;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff26;border-radius:20px;margin-bottom:16px;border:none;cursor:pointer}.harvest-labels-header .back-link:hover{background:#ffffff40}.harvest-labels-header h1{margin:0 0 8px;font-size:28px;display:flex;align-items:center;gap:12px}.harvest-labels-header .subtitle{margin:0;opacity:.9;font-size:16px}.harvest-labels-content{max-width:1200px;margin:0 auto;padding:32px}.harvest-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.harvest-section h3{margin:0 0 20px;font-size:18px;color:#1a202c;display:flex;align-items:center;gap:8px}.batch-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#4a5568}.form-group input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.form-group input:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb7826}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.batch-info{display:flex;gap:24px}.batch-date{font-weight:600;color:#1a202c}.batch-yield{color:#718096}.batch-crates{color:#48bb78;font-weight:500}.batch-actions{display:flex;gap:8px}.generate-controls{display:flex;gap:16px;align-items:end;margin-top:20px}.quantity-input{width:100px}.preview-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-header h4{margin:0;font-size:16px;color:#1a202c}@media(max-width:768px){.harvest-labels-content{padding:16px}.batch-form,.labels-grid{grid-template-columns:1fr}.qr-label{width:100%;max-width:10cm}.generate-controls{flex-direction:column;align-items:stretch}.grade-selector{flex-direction:column}}.scan-page{min-height:100vh;background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:20px;display:flex;justify-content:center;align-items:flex-start}.scan-loading,.scan-error{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:400px;margin-top:40px}.scan-loading .loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#48bb78;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.scan-error .error-icon{font-size:48px;margin-bottom:16px}.scan-error h2{color:#e53e3e;margin:0 0 12px}.scan-error p{color:#718096;margin:0 0 24px}.scan-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:500px;width:100%;overflow:hidden;margin-top:20px}.scan-header{padding:24px;color:#fff;text-align:center}.scan-badge{display:inline-flex;flex-direction:column;align-items:center;background:#fff3;padding:16px 32px;border-radius:12px;margin-bottom:12px}.scan-badge .grade-letter{font-size:48px;font-weight:700;line-height:1}.scan-badge .grade-label{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.crate-number{font-size:18px;font-weight:600;opacity:.9}.scan-section{padding:20px 24px;border-bottom:1px solid #e2e8f0}.scan-section:last-of-type{border-bottom:none}.scan-section h3{margin:0 0 16px;font-size:16px;color:#2d3748;display:flex;align-items:center;gap:8px}.scan-history{background:#f7fafc}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#1a202c;font-weight:500}.scan-actions{padding:24px;display:flex;flex-direction:column;gap:12px}.btn-large{padding:16px 24px;font-size:16px}.scan-success{text-align:center;padding:16px;background:#f0fff4;color:#22543d;border-radius:8px;font-weight:600}@media(max-width:480px){.scan-page{padding:12px}.scan-card{margin-top:0;border-radius:12px}.info-grid{grid-template-columns:1fr}.scan-badge .grade-letter{font-size:36px}}.profile-page{min-height:100vh;padding:2rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0;letter-spacing:-.3px}.profile-content{max-width:600px;margin:0 auto}.profile-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-green);color:var(--color-white);font-size:2rem;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.profile-name{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.profile-email{font-size:1rem;color:#4a5568;margin:0 0 1rem}.profile-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#d4edda;color:#1a7f37}.badge-warning{background:#fff3cd;color:#9a6700}.profile-details{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.profile-details h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f7fafc}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:#4a5568;font-weight:500}.detail-value{font-size:.875rem;color:#1a202c;font-weight:600}.profile-actions{text-align:center}.btn-logout{min-width:200px}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--color-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.profile-page{padding:1rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.profile-header h1{font-size:1.5rem}.profile-card{padding:1.5rem}.profile-avatar{width:64px;height:64px;font-size:1.5rem}.profile-name{font-size:1.25rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.btn-logout{width:100%}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.not-found-content{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:450px;width:100%;text-align:center;box-shadow:0 20px 40px #0003}.not-found-icon{font-size:4rem;margin-bottom:1rem}.not-found-content h1{font-size:5rem;font-weight:800;color:#405f6f;margin:0;line-height:1}.not-found-content h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin:.5rem 0 1rem}.not-found-content p{font-size:1rem;color:#4a5568;margin:0 0 2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-actions .btn{min-width:140px}@media(max-width:480px){.not-found-content{padding:2rem 1.5rem}.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.25rem}.not-found-actions{flex-direction:column}.not-found-actions .btn{width:100%}}.harvest-session-list{padding:1rem}.session-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.orchard-context{color:#718096;font-size:.875rem}.session-count{background:#e2e8f0;color:#4a5568;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.header-actions{display:flex;gap:.5rem}.session-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;color:#718096}.filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;background:#fff;color:#4a5568;cursor:pointer}.filter-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.session-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.session-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease}.session-card:hover{border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.session-date{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-weight:500}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.session-card-body{margin-bottom:.75rem}.session-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.stat-item{display:flex;align-items:center;gap:.375rem;color:#718096;font-size:.875rem}.stat-value{font-weight:600;color:#2d3748}.stat-label{color:#a0aec0}.session-weather{font-size:.8125rem;color:#718096;margin-bottom:.5rem}.session-notes{font-size:.8125rem;color:#4a5568;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f7fafc}.session-time{font-size:.75rem;color:#a0aec0}.harvest-session-detail{padding:1rem}.session-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.session-detail-title{display:flex;flex-direction:column;gap:.5rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:#718096;font-size:.875rem;text-decoration:none}.back-link:hover{color:#4a5568}.session-detail-title h1{margin:0;font-size:1.75rem;font-weight:600;color:#1a202c}.session-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.session-orchard{color:#4a5568;font-size:.875rem}.session-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.session-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.session-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;text-align:center}.session-stat-value{font-size:1.5rem;font-weight:700;color:#2d3748}.session-stat-label{font-size:.75rem;color:#718096;margin-top:.25rem}.picking-tasks-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#2d3748}.task-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.picker-name{font-weight:600;color:#2d3748}.task-progress{margin-bottom:.75rem}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#48bb78;border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;color:#718096}.task-stats{display:flex;gap:1rem;font-size:.8125rem;color:#4a5568}.task-card-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f7fafc}.dispatch-section{margin-bottom:1.5rem}.dispatch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.dispatch-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.dispatch-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dispatch-vehicle{font-weight:600;color:#2d3748}.dispatch-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.8125rem;color:#4a5568;margin-bottom:.75rem}.dispatch-detail-item{display:flex;flex-direction:column}.dispatch-detail-label{color:#a0aec0;font-size:.75rem}.dispatch-detail-value{font-weight:500}.grade-breakdown{display:flex;gap:.75rem;margin-bottom:.75rem}.grade-item{display:flex;align-items:center;gap:.25rem;font-size:.8125rem}.grade-badge{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:#fff}.grade-badge.grade-a{background:#48bb78}.grade-badge.grade-b{background:#ecc94b;color:#744210}.grade-badge.grade-c{background:#ed8936}.dispatch-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f7fafc}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#718096}.empty-state svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#4a5568}.empty-state p{margin:0 0 1rem}.error-message{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:.5rem;color:#c53030;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#3182ce;color:#fff}.btn-primary:hover{background:#2c5282}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-warning{background:#ed8936;color:#fff}.btn-warning:hover{background:#dd6b20}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-outline{background:transparent;border:1px solid currentColor}.harvest-session-form{padding:1rem;max-width:600px;margin:0 auto}.form-header{margin-bottom:1.5rem}.form-header h1{margin:.5rem 0 0;font-size:1.5rem;font-weight:600;color:#1a202c}.session-form{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#2d3748;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;color:#2d3748;background:#fff;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-row{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:480px){.form-row{grid-template-columns:repeat(2,1fr);gap:1rem}}.form-actions{display:flex;flex-direction:column-reverse;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.form-actions .btn{width:100%;padding:.875rem 1rem;font-size:1rem}@media(min-width:480px){.form-actions{flex-direction:row;justify-content:flex-end}.form-actions .btn{width:auto}}.scan-section{background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;padding:1rem}.section-hint{font-size:.8125rem;color:#4b5563;margin:0 0 1rem}.scan-input-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.camera-scan-button{padding:.875rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;transition:background .2s;flex:1;min-width:120px}.camera-scan-button:hover{background:#2563eb}.camera-scan-button svg{width:20px;height:20px}.scan-input-row{display:flex;gap:.5rem;width:100%}.scan-input{flex:1;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.375rem;font-size:1rem;min-width:0}.scan-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.scan-button{padding:.75rem 1rem;background:#22c55e;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.scan-button:hover:not(:disabled){background:#16a34a}.scan-button:disabled{background:#9ca3af;cursor:not-allowed}.or-divider{display:flex;align-items:center;gap:.75rem;width:100%;color:#6b7280;font-size:.75rem;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#d1d5db}.scan-error{background:#fef2f2;color:#dc2626;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;margin-bottom:.75rem}.detected-orchard{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #86efac;border-radius:.375rem;color:#166534;font-size:.875rem;margin-bottom:.75rem}.detected-orchard svg{color:#22c55e}.scanned-crates-list{margin-top:.75rem}.crates-header{font-size:.8125rem;color:#4b5563;margin-bottom:.5rem}.crates-grid{display:flex;flex-wrap:wrap;gap:.5rem}.scanned-crate-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.8125rem;font-weight:500}.crate-grade-dot{width:.625rem;height:.625rem;border-radius:50%}.remove-crate-btn{padding:.125rem;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.remove-crate-btn:hover{color:#ef4444}@media(max-width:640px){.session-list-header{flex-direction:column;align-items:flex-start}.session-cards{grid-template-columns:1fr}.session-stats-grid{grid-template-columns:repeat(2,1fr)}.task-cards,.dispatch-cards{grid-template-columns:1fr}}.crate-scanner{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.scanner-header h3{margin:0;font-size:1rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.5rem}.crate-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.summary-total{font-size:.875rem;color:#4a5568;font-weight:500}.summary-grade{font-size:.75rem;color:#fff;padding:.125rem .5rem;border-radius:9999px;font-weight:600}.scanner-form{margin-bottom:1rem}.scanner-input-wrapper{display:flex;gap:.5rem}.scanner-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.scanner-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.scanner-input::placeholder{color:#a0aec0}.scan-button{padding:.75rem 1.5rem;background:#3182ce;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.scan-button:hover:not(:disabled){background:#2c5282}.scan-button:disabled{background:#a0aec0;cursor:not-allowed}.scanner-message{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.scanner-message.error{background:#fed7d7;color:#c53030}.scanner-message.success{background:#c6f6d5;color:#276749}.scanned-crates h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#4a5568}.crates-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.crate-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f7fafc;border-radius:.375rem;border:1px solid #e2e8f0}.crate-grade{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}.crate-info{flex:1;display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:center}.crate-number{font-size:.875rem;font-weight:600;color:#2d3748}.crate-status{font-size:.75rem;color:#718096;background:#edf2f7;padding:.125rem .5rem;border-radius:9999px}.crate-weight{font-size:.75rem;color:#4a5568;font-weight:500}.remove-button{padding:.375rem;background:transparent;border:none;color:#a0aec0;cursor:pointer;border-radius:.25rem;transition:color .2s,background .2s;display:flex;align-items:center;justify-content:center}.remove-button:hover{color:#e53e3e;background:#fed7d7}.empty-state{text-align:center;padding:2rem 1rem;color:#718096;font-size:.875rem}.loading-state{text-align:center;padding:1rem;color:#718096;font-size:.875rem}@media(max-width:480px){.scanner-input-wrapper{flex-direction:column}.scan-button{width:100%}.scanner-header{flex-direction:column;align-items:flex-start}}.searchable-select{position:relative;width:100%}.searchable-select-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#4a5568}.searchable-select-input-wrapper{position:relative;display:flex;align-items:center}.searchable-select-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;color:#2d3748;background:#fff;transition:border-color .2s,box-shadow .2s}.searchable-select-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.searchable-select-input::placeholder{color:#a0aec0}.searchable-select-input:disabled{background:#f7fafc;cursor:not-allowed}.searchable-select-toggle{position:absolute;right:.5rem;padding:.25rem;background:none;border:none;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center}.searchable-select-toggle:hover{color:#4a5568}.searchable-select-toggle:disabled{cursor:not-allowed;opacity:.5}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;padding:0;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:50}.searchable-select-option{padding:.5rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.125rem}.searchable-select-option:hover,.searchable-select-option.highlighted{background:#f7fafc}.searchable-select-option.selected{background:#ebf8ff}.searchable-select-option.selected.highlighted{background:#bee3f8}.option-label{font-size:.875rem;color:#2d3748}.option-sublabel{font-size:.75rem;color:#718096}.searchable-select-no-results{padding:.75rem;text-align:center;color:#a0aec0;font-size:.875rem}.qr-scanner-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.qr-scanner-container{background:#fff;border-radius:.75rem;max-width:400px;width:100%;overflow:hidden}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.qr-scanner-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.close-button{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.close-button:hover{color:#1f2937}.qr-reader{width:100%;min-height:300px}.qr-reader video{width:100%!important;border-radius:0}.qr-scanner-hint{text-align:center;padding:.75rem;margin:0;color:#6b7280;font-size:.875rem;background:#f9fafb}.qr-scanner-error{padding:2rem;text-align:center}.qr-scanner-error p{margin:0 0 .5rem;color:#dc2626}.qr-scanner-error .error-hint{color:#6b7280;font-size:.8125rem;margin-bottom:1rem}#qr-reader{border:none!important}#qr-reader__scan_region{min-height:250px}#qr-reader__dashboard{padding:.5rem!important}#qr-reader__dashboard_section_swaplink{text-decoration:underline;color:#3b82f6}.ive-page{min-height:100vh;background:#f5f5f7;padding:0 0 2rem}.ive-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.ive-back{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ive-back:hover{background:#0000001a}.ive-back svg{color:#1d1d1f}.ive-title{font-size:1.125rem;font-weight:600;color:#1d1d1f;margin:0;letter-spacing:-.02em}.ive-card{background:#fff;border-radius:1rem;margin:1rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.ive-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ive-card-title{font-size:.8125rem;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.02em}.ive-badge{font-size:.75rem;font-weight:500;color:#86868b;background:#f5f5f7;padding:.25rem .625rem;border-radius:1rem}.ive-badge-success{color:#34c759;background:#34c7591f}.ive-scan-button{width:100%;padding:1.25rem;background:linear-gradient(180deg,#007aff,#0066d6);color:#fff;border:none;border-radius:.875rem;font-size:1.0625rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #007aff4d}.ive-scan-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.ive-scan-button:active{transform:translateY(0)}.ive-scan-button svg{width:24px;height:24px}.ive-crates-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ive-crate-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:#f5f5f7;border-radius:.5rem;font-size:.875rem}.ive-crate-grade{width:1.25rem;height:1.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff}.ive-crate-grade[data-grade=A]{background:#34c759}.ive-crate-grade[data-grade=B]{background:#ff9f0a}.ive-crate-grade[data-grade=C]{background:#ff3b30}.ive-crate-number{font-weight:500;color:#1d1d1f}.ive-crate-remove{width:1.25rem;height:1.25rem;border-radius:50%;border:none;background:#00000014;color:#86868b;font-size:.875rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:.25rem}.ive-crate-remove:hover{background:#ff3b30;color:#fff}.ive-error{background:#ff3b301a;color:#ff3b30;padding:.75rem 1rem;border-radius:.625rem;font-size:.875rem;margin-top:.75rem}.ive-manual-entry{margin-top:1rem;border-top:1px solid #f5f5f7;padding-top:1rem}.ive-manual-entry summary{font-size:.8125rem;color:#007aff;cursor:pointer;list-style:none;text-align:center}.ive-manual-entry summary::-webkit-details-marker{display:none}.ive-manual-entry[open] summary{margin-bottom:.75rem}.ive-manual-input-row{display:flex;gap:.5rem}.ive-input{width:100%;padding:.875rem 1rem;border:1px solid #d2d2d7;border-radius:.625rem;font-size:1rem;color:#1d1d1f;background:#fff;transition:border-color .2s,box-shadow .2s}.ive-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.ive-input::placeholder{color:#86868b}.ive-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.ive-form-group{margin-bottom:.75rem}.ive-form-group label{display:block;font-size:.8125rem;font-weight:500;color:#86868b;margin-bottom:.375rem}.ive-optional-fields{margin-top:.75rem;border-top:1px solid #f5f5f7;padding-top:.75rem}.ive-optional-fields summary{font-size:.8125rem;color:#86868b;cursor:pointer;list-style:none}.ive-optional-fields summary::-webkit-details-marker{display:none}.ive-optional-fields[open] summary{margin-bottom:.75rem}.ive-button-primary{width:100%;padding:1rem;background:#1d1d1f;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.ive-button-primary:hover:not(:disabled){opacity:.85}.ive-button-primary:disabled{background:#d2d2d7;cursor:not-allowed}.ive-button-secondary{padding:.875rem 1.25rem;background:#f5f5f7;color:#1d1d1f;border:none;border-radius:.625rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.ive-button-secondary:hover:not(:disabled){background:#e8e8ed}.ive-button-secondary:disabled{color:#86868b;cursor:not-allowed}.ive-button-text{width:100%;padding:.875rem;background:transparent;color:#007aff;border:none;font-size:1rem;font-weight:500;cursor:pointer}.ive-button-text:hover{text-decoration:underline}.ive-actions{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ive-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#86868b}:root{--color-white: #ffffff;--color-green: #1d4d2c;--color-green-5: rgba(29, 77, 44, .05);--color-green-10: rgba(29, 77, 44, .1);--color-green-20: rgba(29, 77, 44, .2);--color-green-60: rgba(29, 77, 44, .6);--gray-50: #fafbfa;--gray-100: #f5f6f5;--gray-200: #e8eae8;--gray-300: #d1d5d2;--gray-400: #9ca39d;--gray-500: #6b746c;--gray-600: #4a524b;--gray-900: #1a1d1a;--status-success: var(--color-green);--status-success-bg: var(--color-green-10);--status-warning: #8b6914;--status-warning-bg: rgba(180, 130, 50, .12);--status-error: #9b2c2c;--status-error-bg: rgba(155, 44, 44, .1);--brand-green: var(--color-green);--primary: var(--color-green);--text-dark: var(--gray-900);--text-light: var(--color-white);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(29, 77, 44, .06);--shadow-md: 0 4px 12px rgba(29, 77, 44, .08);--shadow-lg: 0 8px 24px rgba(29, 77, 44, .12);--transition-fast: .15s ease;--transition-normal: .25s ease}.app{min-height:100vh;background:var(--gray-50);font-family:var(--font-family);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}.app:has(.auth-container){justify-content:center;padding:1rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:17px;font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:50px;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-green);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:#163d22}.btn-secondary{background:transparent;color:var(--color-green);border:1.5px solid var(--color-green)}.btn-secondary:hover:not(:disabled){background:var(--color-green-5)}.btn-outline{background:var(--color-white);color:var(--gray-600);border:1.5px solid var(--gray-200)}.btn-outline:hover:not(:disabled){border-color:var(--gray-300);background:var(--gray-50)}.btn-danger{background:transparent;color:var(--status-error);border:1.5px solid var(--status-error)}.btn-danger:hover:not(:disabled){background:var(--status-error-bg)}.btn-success{background:var(--color-green);color:var(--color-white)}.loading{color:var(--gray-500);font-size:17px;font-weight:var(--font-weight-medium)}.auth-container{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;margin:var(--space-xl) auto;box-sizing:border-box}@media(max-width:640px){.auth-container{margin:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header h1{color:var(--gray-900);font-size:28px;font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-sm) 0}.auth-header p{color:var(--gray-500);font-size:15px;margin:0}.auth-form h2{color:var(--text-dark);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1.75rem}.form-group label{display:block;color:var(--text-dark);font-weight:500;margin-bottom:.625rem;font-size:clamp(.9375rem,2.5vw,1.0625rem)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);transition:all var(--transition-fast);background:var(--color-white);color:var(--gray-900);box-sizing:border-box;min-height:50px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-green);background:var(--color-white);box-shadow:0 0 0 3px var(--color-green-10)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.auth-button{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:17px;font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md);box-sizing:border-box;min-height:54px;-webkit-tap-highlight-color:transparent}.auth-button:hover:not(:disabled){background:#163d22}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.link-button{background:none;border:none;color:var(--color-green);cursor:pointer;font-weight:var(--font-weight-semibold);text-decoration:underline;font-size:inherit;padding:var(--space-xs)}.link-button:hover:not(:disabled){color:#163d22}.link-button:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fed7d7;color:#c53030;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;border:1px solid #feb2b2}.auth-switch{text-align:center;margin-top:1.5rem;color:#718096;font-size:.9rem}.dashboard{width:100%;max-width:100%;margin:0;padding:clamp(1.5rem,3vw,3rem);color:#fff;box-sizing:border-box;min-height:100vh}.dashboard-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);border-radius:15px;box-sizing:border-box}.dashboard-header h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;flex:1 1 auto;min-width:200px}.logout-button{padding:var(--space-sm) var(--space-lg);background:var(--color-white);color:var(--color-green);border:1.5px solid var(--color-green);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:15px;min-height:44px}.logout-button:hover{background:var(--color-green-10)}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,3vw,2rem)}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-content{grid-template-columns:1fr;gap:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.dashboard-header h1{font-size:1.5rem}.auth-container{margin:.5rem;padding:2rem}.user-card,.features-card{padding:1.25rem}}@media(max-width:480px){.dashboard,.dashboard-header{padding:.75rem}.user-card,.features-card{padding:1rem}}.user-card,.features-card{background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:clamp(1.25rem,4vw,2rem);border:1px solid rgba(255,255,255,.15);box-sizing:border-box;overflow-wrap:break-word}.user-card h2,.features-card h2{margin:0 0 1.5rem;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600}.user-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(.875rem,2.5vw,1rem);word-break:break-word}.info-item:last-child{border-bottom:none}.info-item strong{font-weight:600;flex:0 0 auto;min-width:120px}@media(max-width:480px){.info-item{flex-direction:column;align-items:flex-start}.info-item strong{min-width:auto}}.status-active,.status-verified{color:var(--status-success);font-weight:600}.status-inactive,.status-unverified{color:var(--status-warning);font-weight:600}.features-list{display:flex;flex-direction:column;gap:1.5rem}.feature-item{padding:clamp(.75rem,2.5vw,1rem);background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.feature-item h3{margin:0 0 .5rem;font-size:clamp(1rem,3vw,1.1rem);font-weight:600}.feature-item p{margin:0;opacity:.9;font-size:clamp(.875rem,2.5vw,.9rem);line-height:1.4}.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:var(--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:clamp(.75rem,3vw,1rem);box-shadow:0 10px 30px #0003;z-index:1000;animation:slideUp .3s ease-out;max-width:calc(100vw - 40px);box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-content{display:flex;align-items:center;gap:1rem}.install-icon{font-size:2rem;flex-shrink:0}.install-text{flex:1}.install-text h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#2d3748}.install-text p{margin:0;font-size:.875rem;color:#718096}.install-actions{display:flex;gap:.5rem;flex-shrink:0}.install-button{padding:var(--space-sm) var(--space-md);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.install-button:hover{background:#163d22}.dismiss-button{padding:.5rem 1rem;background:transparent;color:#718096;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dismiss-button:hover{background:#f7fafc;color:#4a5568}.offline-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fed7d7;color:#c53030;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;z-index:1001;animation:slideDown .3s ease-out;border:1px solid #feb2b2}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.offline-content{display:flex;align-items:center;gap:.5rem}.offline-icon{font-size:1rem}@media(max-width:640px){.pwa-install-prompt{left:10px;right:10px;bottom:10px;padding:1rem}.install-content{flex-wrap:wrap}.install-text{flex:1 1 100%;margin-bottom:.5rem}.install-actions{flex:1 1 100%;justify-content:stretch}.install-button,.dismiss-button{flex:1}}@media(max-width:480px){.auth-container{margin:.5rem;padding:1.25rem}.pwa-install-prompt{padding:.875rem}.install-icon{font-size:1.5rem}.install-text h3{font-size:.9rem}.install-text p{font-size:.8rem}}@media(display-mode:standalone){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.dashboard-header{padding-top:calc(1.5rem + env(safe-area-inset-top))}}@supports (-webkit-touch-callout: none){.app{min-height:-webkit-fill-available}}@media(prefers-contrast:high){.auth-container,.user-card,.features-card,.pwa-install-prompt{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.pwa-install-prompt,.offline-indicator{animation:none}.auth-button:hover,.install-button:hover,.logout-button:hover{transform:none}}@media(pointer:coarse){.auth-button,.logout-button,.install-button,.dismiss-button,.link-button{min-height:44px;min-width:44px}.form-group input{min-height:44px}}