:root{--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-card:#1e1e1e;--color-bg-card-hover:#252525;--color-bg-input:#161616;--color-bg-glass:rgba(30,30,30,0.85);--color-accent:#c8956c;--color-accent-light:#e0b08a;--color-accent-dark:#a07050;--color-accent-glow:rgba(200,149,108,0.15);--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#60a5fa;--color-text-primary:#f0ece8;--color-text-secondary:#9a9490;--color-text-muted:#605c58;--color-border:#2a2a2a;--color-border-focus:var(--color-accent);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:var(--color-bg-input);border-radius:4px}textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}.app-container{max-width:680px;margin:0 auto;padding:var(--space-md);padding-bottom:calc(72px + var(--space-lg))}.nav-bottom{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);justify-content:space-around;padding:var(--space-sm) 0;z-index:100}.nav-bottom,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.7rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;background:none;border:none;text-decoration:none}.nav-item.active,.nav-item:hover{color:var(--color-accent)}.nav-item.active{background:var(--color-accent-glow)}.nav-icon{font-size:1.3rem;line-height:1}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-accent-dark);box-shadow:var(--shadow-glow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.card-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--draft{background:rgba(251,191,36,.15);color:var(--color-warning)}.badge--complete{background:rgba(74,222,128,.15);color:var(--color-success)}.badge--offline{background:rgba(248,113,113,.15);color:var(--color-danger)}.badge--online{background:rgba(74,222,128,.15);color:var(--color-success)}.status-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;transition:background var(--transition-base)}.status-bar--online{background:linear-gradient(90deg,var(--color-success),transparent)}.status-bar--offline{background:linear-gradient(90deg,var(--color-danger),var(--color-warning));animation:pulse-bar 2s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.4}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.check-group{flex-wrap:wrap}.check-group,.check-item{display:flex;gap:var(--space-sm)}.check-item{align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;-webkit-user-select:none;user-select:none}.check-item:hover{border-color:var(--color-accent-dark)}.check-item.selected{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-accent-light)}.check-item input{display:none}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;color:var(--color-text-secondary);font-family:var(--font-main)}.chip:hover{border-color:var(--color-accent-dark);color:var(--color-text-primary)}.chip.active{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-accent-light)}.radio-card{display:block;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-sm)}.radio-card:hover{border-color:var(--color-accent-dark)}.radio-card.selected{border-color:var(--color-accent);background:var(--color-accent-glow)}.radio-card input{display:none}.radio-card-title{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.radio-card-desc{font-size:.78rem;color:var(--color-text-secondary);margin-top:2px}.month-selector{display:flex;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:100%}.month-btn{flex:1 1;padding:var(--space-sm) 0;background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);text-align:center}.month-btn:last-child{border-right:none}.month-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.month-btn.selected{background:var(--color-accent-glow);color:var(--color-accent-light)}.month-btn.endpoint{background:var(--color-accent);color:#0f0f0f;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#0f0f0f}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent-dark)}.btn-danger{background:rgba(248,113,113,.15);color:var(--color-danger);border:1px solid rgba(248,113,113,.3)}.btn-danger:hover:not(:disabled){background:rgba(248,113,113,.25)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);font-size:1.1rem}.btn-block{width:100%}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.section-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#0f0f0f;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.photo-thumb:hover .photo-thumb-overlay{opacity:1}.photo-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem}.photo-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.photo-add-icon{font-size:1.5rem}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;background:rgba(0,0,0,.7);color:var(--color-text-primary);font-size:.65rem;text-align:center;text-transform:uppercase}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.page-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.3}.empty-title{font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.empty-desc{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1;font-family:var(--font-mono)}.stat-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.farm-list{flex-direction:column}.farm-item,.farm-list{display:flex;gap:var(--space-md)}.farm-item{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;color:inherit}.farm-item:hover{border-color:var(--color-accent-dark);box-shadow:var(--shadow-glow);transform:translateY(-1px);color:inherit}.farm-info{flex:1 1;min-width:0}.farm-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-meta{font-size:.78rem;color:var(--color-text-secondary);margin-top:2px}.farm-arrow{display:flex;align-items:center;color:var(--color-text-muted);font-size:1.2rem}.export-card{text-align:center;padding:var(--space-xl)}.export-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.export-buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.stepper{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:0 var(--space-sm)}.stepper-step{flex:1 1;height:4px;border-radius:2px;background:var(--color-border);transition:background var(--transition-base)}.stepper-step.active{background:var(--color-accent)}.stepper-step.done{background:var(--color-success)}@media (min-width:768px){.app-container{padding:var(--space-xl);padding-bottom:calc(72px + var(--space-xl))}.stats-grid{grid-template-columns:repeat(4,1fr)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.gps-btn-premium{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-accent-light);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.gps-btn-premium:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-bg-card-hover);box-shadow:var(--shadow-glow)}.gps-btn-premium:disabled{cursor:wait;border-color:var(--color-accent-dark)}.gps-indicator{width:8px;height:8px;background:var(--color-text-muted);border-radius:50%;transition:all var(--transition-base)}.gps-indicator.scanning{background:var(--color-info);box-shadow:0 0 10px var(--color-info);animation:pulse-scan 1s infinite}@keyframes pulse-scan{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.gps-result-card{background:rgba(200,149,108,.05);border:1px solid var(--color-accent-glow);border-radius:var(--radius-md);padding:var(--space-md);animation:slide-up var(--transition-base)}.gps-row{display:flex;justify-content:space-between;gap:var(--space-md)}.gps-val{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-primary)}.gps-val span{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;margin-right:4px}.gps-precision{margin-top:var(--space-sm);font-size:.7rem;color:var(--color-text-secondary);text-align:right;font-style:italic}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:.85rem;color:var(--color-text-primary);z-index:300;animation:toast-in .3s ease,toast-out .3s ease 2.7s forwards;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.offline-banner{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--color-danger);animation:pulse-bar 2s ease-in-out infinite}