body,html,#root{background:#f8f9fa;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.header{color:#fff;z-index:1000;background:#2c3e50;flex-wrap:wrap;align-items:center;gap:15px;padding:.5rem 1rem;display:flex;box-shadow:0 2px 4px #0000001a}.header h1{white-space:nowrap;margin:0;font-size:1.5rem}.filter-group{background:#ffffff1a;border-radius:4px;align-items:center;gap:10px;padding:5px 10px;display:flex}.filter-group label{color:#bdc3c7;font-size:.8rem}.filter-input{color:#333;background:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.9rem}.map-wrapper{flex:1;position:relative}#map{width:100%;height:100%}.sidebar{z-index:1000;background:#fff;border:1px solid #eee;border-radius:12px;width:320px;max-height:85vh;padding:1.5rem;position:absolute;top:1rem;right:1rem;overflow-y:auto;box-shadow:0 10px 25px #00000026}.fruit-pin{color:#fff;background:#27ae60;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 3px 6px #0000004d}.fruit-pin:hover{transform:scale(1.2)}.province-label{box-shadow:none!important;background:0 0!important;border:none!important}.fruit-card{cursor:pointer;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.fruit-card:hover{background:#f9fffb;border-color:#27ae60;transform:translateY(-2px)}.fruit-card h4{color:#2e7d32;justify-content:space-between;align-items:center;margin:0 0 8px;display:flex}.fruit-card p{color:#666;margin:4px 0;font-size:.85rem}.loading-overlay{z-index:2000;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#27ae60;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.status-in-season{color:#2e7d32;background:#e8f5e9}.status-off-season{color:#9e9e9e;background:#f5f5f5}